@import '/styles/mixins.less';
@import '/styles/variables.less';

.staff-list-horizontal {
  // overflow-x: auto;
  .staff-list-H-items {
    .flex('center', 'flex-start');
    flex-wrap: nowrap;
    .staff-list-H-item {
      text-align: center;
      margin-right: 16rpx;
      flex-shrink: 0;
      width: 106rpx;
      min-width: 206rpx;
      border-radius: 16rpx;
      .staff-list-H-item-top {
        width: 100%;
        height: 206rpx;
        overflow: hidden;
        image {
          border-radius: 50%;
          width: 100%;
          height: 100%;
          background-color: #eee;
        }
      }
      .staff-list-H-item-text {
        padding-top: 18rpx;
        font-size: 30rpx;
        color: @text-dark;
      }
      
    }
    .staff-list-H-act {
      background-image: url();
      background-size: 40rpx;
      background-repeat: no-repeat;
      background-position: right bottom;
    }
  }
}